import React from "react"
import { pxTransform } from "@tarojs/taro"
import { View } from "@tarojs/components"
import clsx from "clsx"

type IProps = {
  width?: number
  height: number
  color?: React.CSSProperties["color"]
  className?: string
}
const GpVerticelLine: React.FC<IProps> = (props: IProps) => {
  const { width = 2, height, color = "#B8B8BF", className } = props
  const style: React.CSSProperties = {
    width: pxTransform(width),
    height: pxTransform(height),
    backgroundColor: color
  }
  return <View className={clsx("inline-block", className)} style={style}></View>
}
export default GpVerticelLine
